<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>身份选择</title>
    <style>
        html,body{
            width: 100%;
            font-family: "微软雅黑", "SimSun", "宋体", "Microsoft YaHei";

        }
        .btns{
            margin-left: 50px;
            margin-top: 30px;
            background: #00AEEF;
            width: 80px;
            height: 30px;
            border: 1px solid aqua;
            font-weight: bold;
            padding-top: 2px;
            cursor: pointer;
            font-size: 16px;
            color: black;
        }
        a{
            text-decoration: none;
        }
        .btns:hover{
            background-color:hotpink;
            color: red;
        }
        #page{
            width: 1200px;
            height: 1024px;
            margin: auto;
            background-image: url("https://iconfont.alicdn.com/s/ae7618ce-1cee-40e0-ada6-4b96ad214532_origin.svg");

        }

        #main{
            width: 400px;
            height: 300px;
            float: left;
            border: #1a2942 1px; /**background: url("") repeat;*!*/
            background: url("https://img2.baidu.com/it/u=979884282,2714527503&fm=253&fmt=auto&app=138&f=JPG?w=763&h=500");
            margin-top: 250px;
            margin-left: 135px;
            color: black;
            text-align: center;
            font-family: "微软雅黑", "SimSun", "宋体", "Microsoft YaHei";

        }

        #select{

            border: 1px solid aqua;
            font-weight: bold;
            padding-top: 2px;
            cursor: pointer;
            font-size: 14px;
            color: black;

            width: 400px;
            height: 50px;
            margin-top: 10px;
            padding-top: 10px;
            text-align: center;
        }
        #select:hover{
            color:white;
        }
        #side{
            width: 500px;
            height: 300px;
            float: right;
            background: yellow;
            margin-right: 130px;
            background: url(static/img/logo.png) center no-repeat;
            margin-top: 25px;
        }
    </style>
</head>
<body>
<div id="page">
    <div id="main">
        <div id="select">选择登录身份</div>
        <div class="btns">
            <a  href="http://localhost:8080/admin" target="_blank">管理员身份</a>
        </div>
        <div class="btns">
            <a  href="http://localhost:8080/index/" target="_blank">用户身份</a>
        </div>

    </div>
    
    <div id="side">

    </div>
</div>
</body>
</html>
